<template>
        <div class="footers">
            <div class="select_box">
                <select>
                    <option value="政府部门导航">=政府部门导航=</option>
                    <option value="院属兄弟单位">=院属兄弟单位=</option>
                    <option value="医学研究机构">=医学研究机构=</option>
                    <option value="其他研究机构">=其他研究机构=</option>
                </select>
                <select>
                    <option value="院属兄弟单位">=院属兄弟单位=</option>
                    <option value="医学研究机构">=医学研究机构=</option>
                    <option value="其他研究机构">=其他研究机构=</option>
                    <option value="政府部门导航">=政府部门导航=</option>
                </select>
                <select>
                    <option value="医学研究机构">=医学研究机构=</option>
                    <option value="其他研究机构">=其他研究机构=</option>
                    <option value="政府部门导航">=政府部门导航=</option>
                    <option value="院属兄弟单位">=院属兄弟单位=</option>
                </select>
                <select>
                    <option value="其他研究机构">=其他研究机构=</option>
                    <option value="政府部门导航">=政府部门导航=</option>
                    <option value="院属兄弟单位">=院属兄弟单位=</option>
                    <option value="医学研究机构">=医学研究机构=</option>
                </select>
            </div>
            <div class="address">
                <p>Copyright&copy;2018鲁ICP备11032646号 版权属山东医学图书情报协会所有</p>
            </div>
        </div>

</template>

<script>
    export default {
        name: "bottom_bottom"
    }
</script>

<style scoped>
/*==========================页脚（footer）=============================*/
.footers {
    margin-top: 30px;
    width: 1200px;
    height: 150px;
    background: #efefef;
    text-align: center;
    margin: 0 auto;
}
.select_box {
    padding-top: 30px;
    display: flex;
    justify-content:space-around;
}
.select_box select {
    display: inline-block;
    width: 270px;
    height: 36px;
    font-size: 18px;
    border: 1px solid #CCCCCC;
}
.footers .address {
    padding-top: 33px;
    color:	#A9A9A9
}

</style>